<template>
  <div>
    <h1>登录</h1>
    <van-tabs v-model="active" animated>
      <van-tab title="用户名登录">
        <login-by-name></login-by-name>
      </van-tab>
      <van-tab title="手机号登录">
        <login-by-phone></login-by-phone>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import LoginByPhone from "@/components/LoginByPhone.vue";
import LoginByName from "@/components/LoginByName.vue";
export default {
  components: { LoginByPhone, LoginByName },
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style></style>
